<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html lang="en">
<head>
<link href="UserInterface/css/bootstrap.css" />
<script src="UserInterface/js/jquery.js"></script>
<script src="UserInterface/js/bootstrap-dropdown.js"></script>
<script src="UserInterface/js/bootstrap-dropdown.js"></script>
<script src="UserInterface/fluxslider/js/flux.js"></script>
<script>
	$(function() {
		if (!flux.browser.supportsTransitions)
			alert("Flux Slider requires a browser that supports CSS3 transitions");

		window.f = new flux.slider('#slider', {
			pagination : false,
			controls : true
		});
	});
</script>
</head>
<body>
	<br />
	<br />
	<div class="row-fluid">
		<div class="span8">
			<div id="slider" align="center">
				<img src="UserInterface/img/1.jpg" alt="" /> <img
					src="UserInterface/img/2.jpg" alt="" /> <img
					src="UserInterface/img/3.jpg" alt="" /> <img
					src="UserInterface/img/4.jpg" alt="" /> <img
					src="UserInterface/img/5.jpg" alt="" /> <img
					src="UserInterface/img/6.jpg" alt="" /> <img
					src="UserInterface/img/7.jpg" alt="" /> <img
					src="UserInterface/img/8.jpg" alt="" />
			</div>
		</div>

		
		<div class="span3">
			<!-- login form start-->
			<div class="well" align="center">
				<s:form action="login" class="form-signin">
					<h3 class="form-signin-heading">Login</h3>
					<br />
					<s:if test="hasActionErrors()">
						<br />
						<s:iterator value="actionErrors">
							<div class="alert alert-error">
								<button type="button" class="close" data-dismiss="alert">&times;</button>
								<s:property />
							</div>
						</s:iterator>
					</s:if>
					<div align="left">
						<label class="radio"> <input type="radio" name="logintype"
							id="jobseeker" value="jobseeker" checked>Job Seeker
						</label> <label class="radio"> <input type="radio"
							name="logintype" id="company" value="company">Company
						</label> <label class="radio"> <input type="radio"
							name="logintype" id="trainer" value="trainer">Trainer
						</label>
					</div>
					<br />
					<br />
					<div class="input-prepend">
						<span class="add-on"><i class="icon-envelope"
							style="color: black;"></i></span> <input type="text" name="emailID"
							class="input-large" placeholder="Email Address">
					</div>
					<br />
					<br />
					<div class="input-prepend">
						<span class="add-on"><i class="icon-key"
							style="color: black;"></i></span> <input type="password" name="password"
							class="input-large" placeholder="Password">
					</div>
					<br />
					<br />
					<button type="submit" class="btn btn-primary pull-left offset1">Sign
						In</button>
					<br />
					<a href="forgotPassword.action" class="pull-right">Forgot
						Password?</a>
				</s:form>

			</div>
		</div>
	</div>
</body>
</html>
